<template>
  <div>
      <div class="top">
          <p>新增表单</p>
      </div>
<el-form  label-width="100px" class="demo-ruleForm">
  <el-form-item label="表单名称" prop="name">
    <el-input></el-input>
  </el-form-item>
  <el-form-item label="数据表明" prop="region">
    <el-input></el-input>
  </el-form-item>
  <el-form-item label="数据说明" prop="region">
    <el-input></el-input>
  </el-form-item>

    <el-form-item label="验证方式" prop="region">
    <el-radio v-model="radio" label="1">关闭</el-radio>
    <el-radio v-model="radio" label="2">验证码</el-radio>  
    </el-form-item>

    <el-form-item label="状态" prop="delivery">
    <el-switch></el-switch>
  </el-form-item>
  
<div class="middle">
        <span>邮件提醒</span>
        <p>表单有新消息，接收到邮件提醒，请先：表单管理->提醒设置->邮件提醒 设置正确信息</p>
    </div>
    <el-form-item label="是否开启" prop="delivery">
    <el-switch></el-switch>
    </el-form-item>

    <el-row class="top_button">
        <el-button type="primary" @click="submit">提交</el-button>
      </el-row>
    </el-form>
    

    
  </div>
</template>

<script>
export default {
    data(){
        return{
            tableData:[],
            

        }
    },
    created(){
        this.$http({
            method:"get",
            path:"/leavemsg.json",
        }).then((rel)=>{
            console.log(rel[0].ReadMsg);
            this.tableData =rel[0].ReadMsg;
        }).catch((err)=>{})
       
    },
    methods:{
        submit(){

        },
    }
}
</script>

<style scoped>
.top{
    width: 90%;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #ddd;
    margin: 20px 30px;
}
.top p{
    display: inline;
    padding-left: 15px;
    line-height: 15px;
    border-left: 2px solid #88b7e0;
    color: #2d2b2c;
    font-size: 14px;
}
.top_button .el-button{
    background: #28b5d6;
    border-radius: 0;
    font-size: 12px;
    padding: 0 17px;
    line-height: 32px;
    margin-left: 96px;
}
.middle{
    width: 90%;
    height: 53px;
    line-height: 53px;
    background: #f5f6fa;
    border: 1px solid #e1e6eb;
    text-indent: 20px;
    margin-left: 20px;
    
}
.middle span{
    float: left;
    font-size: 14px;
    
}
.middle p{
    display: inline;
    font-size: 12px;
    color: #999;
}

</style>